<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>安徽淮南新四军纪念林 - 传承红色基因，弘扬铁军精神</title>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
		<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap"
			rel="stylesheet">
		<link rel="stylesheet" href="css/n1.css" />
		<link rel="stylesheet" href="css/img.css" />
	</head>
	<body>
		<!-- 头部导航 -->
		<header>
			<div class="container">
				<div class="header-content">
					<div class="logo">
						<div class="logo-icon">
							<i class="fa-solid fa-tree"></i>
						</div>
						<div class="logo-text">
							<h1>淮南新四军纪念林</h1>
							<span>传承红色基因，弘扬铁军精神</span>
						</div>
					</div>
					<nav>
						<ul>
							<li><a href="n1.html" >首页</a></li>
							<li><a href="jieshao - test.html">纪念林概况</a></li>
							<li><a href="hongsejiaoyu.html">红色教育</a></li>
							<li><a href="#">新闻动态</a></li>
							<li><a href="index.html" class="active">图像资料</a></li>
							<li><a href="#">VR体验</a></li>
							<li><a href="vrfirst.html">全景导览</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</header>

		<div class="breadcrumb">
		    <div class="container">
		        您当前的位置：<a href="n1.html">首页</a> <span>></span> 红色景点
		    </div>
		</div>
		
		<!-- 内容容器 -->
		<div class="container main-content">
		    <!-- 标题与筛选栏 -->
		    <div class="title-bar">
		        <div class="title-wrapper">
		            <h2 class="title">全部图片 (32)</h2>
		            <div class="filter">
		                <span>景点区域</span>
		                <a href="index.html" class="active">全部</a>
		                <a href="changguan1.html">展区1</a>
		                <a href="changguan2.html">展区2</a>
		                <a href="changguan3.html">展区3</a>
		                <a href="jinianlin.html">纪念林</a>
		            </div>
		        </div>
		    </div>
		
		    <!-- 景点列表 -->
		    <div class="list">
		        <div class="item">
		            <img src="img/2/2.20.jpg" alt="资源县中峰油榨坪公堂">
		            <p>缴获的枪支</p>
		        </div>
		        <div class="item">
		            <img src="img/2/2.21.jpg" alt="桂林独秀峰-王城">
		            <p>缴获的枪支</p>
		        </div>
		        <div class="item">
		            <img src="img/2/2.22.jpg" alt="八路军桂林办事处纪念馆">
		            <p>抗战时使用的物件</p>
		        </div>
		        <div class="item">
		            <img src="img/3/1 (11).jpg" alt="湘江战役新圩阻击战酒海井红军纪念">
		            <p>谭震林、郑抱真</p>
		        </div>
		        <div class="item">
		            <img src="img/1/1.3.jpg" alt="资源县中峰油榨坪公堂">
		            <p>新四军创建抗日根据地示意图</p>
		        </div>
		        <div class="item">
		            <img src="img/3/1 (8).jpg" alt="阳朔临阳联队">
		            <p>罗炳辉</p>
		        </div>
		        <div class="item">
		            <img src="img/2/2.4.jpg" alt="资源县中峰油榨坪公堂">
		            <p>革命先烈，永垂不朽</p>
		        </div>
		        <div class="item">
		            <img src="img/2/2.17.jpg" alt="红军长征湘江战役纪念园">
		            <p>刘老庄连方队</p>
		        </div>
		        
		    </div>
		
		    <!-- 分页导航 -->
		    <div class="pagination">
		        <a href="index.html" class="page ">1</a>
		        <a href="1-1.html" class="page active">2</a>
		        <a href="1-2.html" class="page">3</a>
		        <a href="1-3.html" class="page">4</a>
		        <a href="1-2.html" class="page">下页</a>
		        <a href="1-3.html" class="page">尾页</a>
		    </div>
		</div>

		<!-- 页脚 -->
		<footer>
			<div class="container">
				<div class="footer-content">
					<div class="footer-column">
						<h3>关于我们</h3>
						<p>安徽淮南新四军纪念林是重要的爱国主义教育基地，致力于传承红色基因，弘扬铁军精神，教育引导广大干部群众特别是青少年坚定理想信念。</p>
						<div class="social-links">
						    <a href="#" class="social-link"><i class="fab fa-weixin"></i></a>
							<a href="https://www.xiaohongshu.com/user/profile/667cccac000000000d02424e?xsec_token=ABqWqmJ9aZ8qBd8jYm0hQfE8EOnlPgE4cpDClvwD-HF6s%3D&xsec_source=pc_search" class="social-link"><i class="fa-solid fa-book-open"></i></a>
						    <a href="https://weibo.com/u/7806505011" class="social-link"><i class="fab fa-weibo"></i></a>
						    
						    <a href="https://v.douyin.com/awRgePr-hU8/" class="social-link"><i class="fab fa-tiktok"></i></a>
							<a href="https://www.kuaishou.com/profile/3x6qpmerx53kixs" class="social-link"><i class="fa-solid fa-bolt"></i></a>
						</div>
					</div>

					<div class="footer-column">
						<h3>快速链接</h3>
						<ul class="footer-links">
							<li><a href="n1.html">首页</a></li>
							<li><a href="jieshao - test.html">纪念林介绍</a></li>
							<li><a href="index.html">历史展览</a></li>
							<li><a href="yuanquguihua.html">参观指南</a></li>
							<li><a href="#">新闻公告</a></li>
						</ul>
					</div>

					<div class="footer-column">
						<h3>联系方式</h3>
						<ul class="footer-links">
							<li><i class="fa-solid fa-location-dot"></i> 地址：安徽省淮南市上窑镇</li>
							<li><i class="fab fa-qq"></i> QQ:3665284546</li>
							<li><i class="fa-solid fa-clock"></i> 开放时间：周二至周日 9:00-17:00</li>
						</ul>
					</div>
				</div>

				<div class="copyright">
					<p> &copy; 2025 安徽淮南新四军纪念林 版权所有 </p>
				</div>
			</div>
		</footer>
		
		<script>
			document.addEventListener('DOMContentLoaded', () => {
				const searchInput = document.querySelector('.search-input');
				const searchForm = document.querySelector('.search-form');
				const SEARCH_ENGINE = 'https://www.bing.com/search?q=';

				if (!searchForm || !searchInput) {
					console.error('元素选择器错误！');
					return;
				}

				searchForm.addEventListener('submit', function(e) {
					e.preventDefault();
					const keyword = searchInput.value.trim();

					console.log('原始输入:', keyword);

					if (!keyword) {
						searchInput.style.border = '2px solid red';
						return;
					}

					const encodedKeyword = encodeURIComponent(keyword);
					const targetUrl = `${SEARCH_ENGINE}${encodedKeyword}`;

					console.log('目标URL:', targetUrl);

					try {
						const link = document.createElement('a');
						link.href = targetUrl;
						link.rel = 'noopener noreferrer';
						link.click();
					} catch (err) {
						console.error('跳转错误:', err);
						window.open(targetUrl, '_blank');
					}
				});
			});
		</script>
	</body>
</html>